﻿@model Tau.ViewModels.AddEditPage

<script language="javascript" type="text/javascript">
    showProgress();
</script>

<script src="@Url.Content("~/Scripts/tiny_mce/jquery.tinymce.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("AddEditPage", "PageAdmin", FormMethod.Post, new { id = "addEditPageForm" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
       
        <legend>@( Model.EditingPage.PageId > 0 ? "Edit Page" : "Add New Page" )</legend>

        @Html.HiddenFor(model => model.EditingPage.PageId)

        Title: @Html.TextBoxFor(model => model.EditingPage.PageTitle)
        @Html.ValidationMessageFor(model => model.EditingPage.PageTitle)

        Name: @Html.TextBoxFor(model => model.EditingPage.PageName)
        @Html.ValidationMessageFor(model => model.EditingPage.PageName)
        <br />

        Left Nav: @Html.CheckBoxFor(model => model.EditingPage.BolLeft)
      
        <br />
   
        <textarea id="pageText" name="pageText" rows="40" cols="30" style="width:450px" class="tinymce">
            @Html.DisplayFor(model => model.EditingPage.PageCode)
        </textarea>
		
		<a href="javascript:;" onclick="openImagePopup();">Insert Image</a>

		<br />
		<input type="button" name="save" value="save" onclick="submitForm();" />
     
    </fieldset>
}

 <div id="selectImage" title="Select Image to Insert" style="display:none">
    <div id="imageList">
        @Html.Partial("ImageList", Model.Images)
    </div>
</div>

<script type="text/javascript">
    function submitForm() {
        if ($("#pageText").text().length == 0) {
            showOKDialog("Code for page definition is required");
        }
        else {
            showProgress();
            $("#addEditPageForm").submit();
        }
    }

    $().ready(function () {
        $('textarea.tinymce').tinymce({
            // Location of TinyMCE script
            script_url: '/Scripts/tiny_mce/tiny_mce.js',

            // General options
            theme: "advanced",
            plugins: "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

            // Theme options
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            theme_advanced_resizing: true,

            // Example content CSS (should be your site CSS)
            content_css: "/Content/Site.css",

            // Drop lists for link/image/media/template dialogs
            template_external_list_url: "lists/template_list.js",
            external_link_list_url: "lists/link_list.js",
            external_image_list_url: "lists/image_list.js",
            media_external_list_url: "lists/media_list.js",

            // Replace values for the template plugin
            template_replace_values: {
                username: "Some User",
                staffid: "991234"
            }
        });
        hideProgress();
    });

    function openImagePopup() {

        $("#selectImage").dialog({
            autoOpen: true,
            height: 500,
            width: 500,
            modal: true,
            close: function (event, ui) {
                $('#pageText').tinymce().execCommand('mceInsertContent', false, $("#selectedImageTag").val());
                $("#selectedImageTag").val("");
            }
        });
    }

</script>

